.rem(@name,@px){
    @{name}:unit(@px/37.5,rem)
    //请配置好根字体大小:调整窗口宽度至设计稿宽度后,查看根字体大小
}

@primary:#4371e4;
.van-button--info.submit{
    background-color: @primary;
    border: 1px solid @primary;
    margin-top:40px;
}
.van-dialog{
    border-radius:6px;
}
.van-dialog__confirm, .van-dialog__confirm:active{
    color:@primary;
}
body{
    -webkit-text-size-adjust: none;
}
.extra{
    color:grey;
    margin-left:4px;
}
.van-action-sheet{
    background:none !important;
    box-sizing: border-box;
    padding:10px;
    .van-action-sheet__gap{
        background:none !important;
    }
    .van-action-sheet__content{
        border-radius:4px;
        background:#f7f7f7;
        color:@primary;
        font-weight:bold;
    }
    .van-action-sheet__item{
        box-sizing: border-box;
        border-bottom:solid 1px #eee;
        box-sizing: border-box;
        background:#f7f7f7;
        &:last-child{
            border:none;
        }
    }
    .van-action-sheet__cancel{
        border-radius:4px;
        overflow: hidden;
        margin-bottom:5px;
        color:@primary;
        font-weight:bold;
    }
}
.bottom-line::before{
    position: absolute;
    bottom: 0;
    width: 200%;
    height: 0px;
    left: 0;
    content: "";
    display: block;
    border-bottom: 1px solid #DEDEDE;
    transform: scale(0.5);
    transform-origin: left bottom;
}
.right-line::before{
    position: absolute;
    top:0px;
    width: 0;
    height:200%;
    right: 0;
    content: "";
    display: block;
    border-right: 1px solid #DEDEDE;
    transform: scale(0.5);
    transform-origin: top center;
}

.van-pull-refresh{
    position: relative;
    min-height:100%;
    box-sizing: border-box;
    .van-pull-refresh__track{
        min-height:50vh;
    }
}
.no-process-text {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding-top: 90px;
    font-size: 14px;
    color: #999;
}

.no-process-text i {
    font-size: 26px;
    margin-bottom: 15px;
}

.no-process-text .text {
    line-height: 22px;
}

.file-images-upload{
    .van-field__body{
        .van-field__control{
            display:none;
        }
    }
}
body,
html,
#app {
    background: #eee;
    height: 100%;
    width: 100%;
    position: fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
}

.swiper-container {
    width: 100%;
    height: calc(100% ~"- 44px");
    .swiper-slide{
        box-sizing: border-box;
    }
}

.scroll-box-view {
    width: 100%;
    height: 80%;
    margin-top: 15%;
    overflow: hidden;
    overflow-y: auto;
    box-sizing: border-box;
}

.footer-actions {
    box-sizing: border-box;
    height: 5%;
    display: flex;
    justify-content: content;
    align-items: content;
    padding: 20px;
}

.van-cell {
    padding-top: 16px;
    padding-bottom: 14px;
}


.van-field__control {
    text-align: center;
}

.van-form .van-field__control{
    text-align:right;
}

.textarea-box,
.images-box {
    flex-direction: column;
}

.textarea-box .van-field__control,
.images-box .van-field__control {
    text-align: left;
    background-color: #f7f8fa;
    padding: 10px;
    margin-top: 10px;
}

.images-box .van-cell__value {
    text-align: left;
    margin-top: 10px;
}

.swiper-slide{
    width:100%;
    overflow-y:auto;
    background-color:#f7f8fa;
}

.iframe-box{
    .scroll-box-view{
        margin-top:0px;
        overflow: hidden;
        height:calc(100%~"- 40px");
    }
    .backNav{
        height:40px;
        font-size:18px;
        box-sizing: border-box;
        padding:0px 10px;
        display: flex;
        align-items:center;
        .back{
            display: flex;
            align-items:center;
            height:100%;
            width:100px;
        }
    }
    
}
.zm-iframe-view{
    width:100%;
    height:100%;
    box-sizing: border-box;
    border:none;
}

.zm-process-cell{
    background-color:#fff;
    .van-cell{
        padding-bottom:0px;
    }
    .van-cell::after{
        border-bottom:none !important;
    }
    .zm-process-list{
        font-size:14px;
        margin-top:10px;
        padding:10px 16px;
        box-sizing: border-box;
        padding-top:0px;
        li{
            padding:5px 10px;
            border-radius:4px;
            box-sizing: border-box;
            background:#fafafa;
            text-align:right;
        }
    }
}

.createFlow{
    .formPorcess{
        width:100%;
    }
    .tab-nav{
        height:44px;
        margin:0 auto;
        position: relative;
        text-align: center;
        box-sizing: border-box;
        background:#fff;
        overflow: hidden;
       .tab-item{
          height:100%;
          display: inline-block;
          font-size:0px;
          font-weight:bold;
          text-align: center;
          position: relative;
          line-height:44px;
          box-sizing: border-box;
          &.index1,&.index3{
            font-size:15px;
            width:74px;
            overflow: hidden;
            &.active::before{
                content:"";
                display:block;
                position:absolute;
                width:100%;
                border-bottom:solid 3px @primary;
                border-radius:4px;
                bottom:0px;
                z-index:2;
             }
          }
          &.index2{
            width:83px;
          }
          &.active{
            color:@primary;
          }
          
       }
    }
}

#scroll-form{
    box-sizing: border-box;
    padding-top: 10px; 
   
}

.createFlowList{
    height:100%;
    background-color:#fafafa;
   
    .todo_list{
        height:100%;
    }
    .van-search__content{
        background:#fafafa;
    }
    .van-tabs__nav--line{
        font-size:15px;
        font-weight:bold;
        .van-tab--active{
            font-weight:bold;
        }
    }
    .search-box{
        
        padding-top:4px;
        background-color:#fff;
        box-sizing: border-box;
        padding-left:5%;
        padding-right:5%;
        border-bottom:solid 1px #eee;
        .van-search__content{
            border-radius:50px;
        }
    }
    .van-search .van-cell {
        line-height:30px;
    }
    .zm-list{
        padding:0px 10px;
        width:100%;
        box-sizing: border-box;
        // position: absolute;
    }
    .scroll-warp{
        position: relative;
        height:calc(100%~"- 66px");
        box-sizing: border-box;
        overflow-y: scroll;
    }
    .item-card{
        background:#fff;
        box-shadow:0px 0px 5px #eee;
        display:flex;
        box-sizing: border-box;
        font-size:16px;
        position: relative;
        margin-top:10px;
        border-radius:6px;
        padding:10px;
        .head-name{
            font-size:24px;
            width:40px;
            height:40px;
           font-weight:bold;
           background: #4371e4;
           display:flex;
           justify-content: center;
           align-items:center;
           color:#fff;
           border-radius:4px;
           font-size:14px;
        }
        .van-checkbox__icon .van-icon{
            border-radius:2px;
        }
        .item-content{
            
            display:flex;
            width:100%;
            flex-direction:column;
            .item-body{
                font-size:14px;
                color:grey;
                .item-cell-value{
                    margin-top:10px;
                    text-overflow: ellipsis;
                    width: 100%;
                    white-space: nowrap;
                    overflow: hidden;
                }
            }
            .item-tag{
                font-size:14px;
                margin-top:5px;
            }
            .item-title{
                font-size:16px;
                font-weight:500;
                // border-bottom:1px solid #eee;
                padding-bottom:10px;
                width:100%;
                box-sizing:border-box;
                overflow: hidden;
                text-overflow: ellipsis;
                display:flex;
                line-height:1.5;
                padding-right:10%;
                position: relative;
                .arrow-right{
                    position:absolute;
                    right:0;
                }
                .title{
                    flex:1;
                }
                .status{
                    display:inline-block;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    font-size:12px;
                
                    height:16px;
                    margin-right:10px;
                    border-radius:4px;
                    flex-shrink:0;
                    padding:4px 10px;
                    background:#eee;
                    margin-left:10px;
                    white-space:nowrap;
                    transform:scale(0.8);
                }
            }
            
        }
        .zm-checkbox{
            position:absolute;
            right:10px;
            top:12px;
        }
    }
    .zm-foot-btn{
        box-sizing: border-box;
        display:flex;
        padding:20px 20px;
        height:80px;
        width:100%;
        bottom:0px;
        position:fixed;
        z-index:999;
        padding-bottom:calc(20px~"+ env(safe-area-inset-bottom)/2");
        background-color:#fff;
        justify-content: center;
        align-items:center;
    }
}
.van-index-bar .van-index-bar__index{
    font-size: 18px;
}